<template>
  <div class="search">
    <input type="text" class="searchInp" placeholder="     搜索歌曲、歌手" />
    <span class="message">热门搜索</span>
  </div>
</template>
<style>
.search {
  height: 84vh;
  background: #222222;
  position: relative;
}
.searchInp {
  margin-top: 2vh;
  width: 80vw;
  height: 5vh;
  position: absolute;
  left: calc(10vw);
  background: #333333;
  outline: 0;
  border: 0;
  font-weight: bolder;
  border-radius: 3vw;
}
.message {
  position: absolute;
  left: 10vw;
  top: 10vh;
  font-weight: bolder;
  color: gray;
}
</style>
